.yo-scroll {
    background-color: #fff;
    position: absolute;
    top: 0.495rem;
    right: 0;
    bottom: 0.505rem;
    left: 0;
    overflow: auto;
    z-index: 100;
    height: auto;
    -webkit-overflow-scrolling: touch;
    .inner {
        position: absolute;
        top: -0.495rem;
        width: 100%;
        height: auto;
        transition-duration: 300ms;
        .pull-refresh {
            position: relative;
            left: 0;
            top: 0;
            width: 100%;
            height: 0.495rem;
            font-weight: 200;
            font-size:0.15rem;
            color: #A5A5A5;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            .refresh-img{
                width:0.20rem;
                transform: rotate(180deg);
            }
            .refresh-img-wrapper {
                position: absolute;
                bottom: 0.10rem;
            }
            .word {
                margin-left: 0.25rem;
            }
            .refreshed-tip {
                display: none;
                width: 100%;
                height: 0.35rem;
                line-height: 0.35rem;
                text-align: center;
                color: #fff;
                background-color: #008BFF;
                font-weight: 400;
            }
        }
        .load-more {
            height: 0.55rem;
            line-height: 0.55rem;
            font-weight: 200;
            font-size: 0.15rem;
            color: #A5A5A5;
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
            display: none;
            .load-img-wrapper{
                position: relative;
                .load-img{
                    position: absolute;
                    top: 0;
                    width: 0.20rem;
                }
            }
            .word{
                margin-left: 0.25rem;
            }
        }
        .nullData {
            //暂无更多数据样式
            color: #A5A5A5;
            height: 0.55rem;
            line-height: 0.55rem;
            font-weight: 200;
            font-size: 0.15rem;
            text-align: center;
        }
        .down-tip,
        .refresh-tip,
        .up-tip {
            display: none;
        }/*
        .up-tip:before,
        .refresh-tip:before {
            content: '';
            display: inline-block;
            width: 160px;
            height: 70px;
            background-size: 70% !important;
            position: absolute;
            top: 0;
            left: 20%;
        }*/
    }
}

.yo-scroll.touch .inner {
    transition-duration: 0;
}

.yo-scroll.down .down-tip {
    display: block;
}

.yo-scroll.up .up-tip {
    display: block;
}

.yo-scroll.refresh .refresh-tip {
    display: block;
}
@keyframes rotate{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
    }
    @-webkit-keyframes rotate{
        from{-webkit-transform:rotate(0deg)}
        to{-webkit-transform:rotate(360deg)}
        }
        @-moz-keyframes rotate{
        from{-moz-transform:rotate(0deg)}
        to{-moz-transform:rotate(360deg)}
        }
        @-ms-keyframes rotate{
        from{-ms-transform:rotate(0deg)}
        to{-ms-transform:rotate(360deg)}
        }
        @-o-keyframes rotate{
        from{-o-transform:rotate(0deg)}
        to{-o-transform:rotate(360deg)}
        }
.load-img {
    animation: 1s linear 0s normal none infinite rotate;
    -webkit-animation:1s linear 0s normal none infinite rotate;
}
.listItem{
    margin: 0;
    padding: 0;
}
.item{
    position: relative;
    margin-left:0.15rem;
    padding: 0.20rem 0 0.20rem;
    border-bottom: 0.005rem solid #E2E4E6;
    .sub{
        font-size: 0.11rem;
        line-height: 0.115rem;
        font-weight: 200;
        color:#A5A5A5;
        bottom: 0.20rem;
        left: 0;
        position: absolute;
        .mounted{
            border: 0.005rem solid #FF0000;
            color: #FF0000;
            padding: 0 0.015rem 0.004rem 0.015rem;
            font-size: 0.08rem;
        }
        .time{
            margin:0 0.05rem 0 0.03rem;
        }
        .author{
            margin:0 0.05rem 0 0;
        }
        .comment, .vote{
            position: relative;
            margin:0 0.05rem 0 0;
            img{
                position: absolute;
                bottom:0.025rem;
                width:0.11rem;
            }
            .word{
                padding-left:0.12rem;
            }
        }
    }
}
.img-center{
    padding-bottom: 0;
    .head-img-wrapper{
        margin:0.10rem 0.15rem 0.20rem 0;
        .head-img{
            height: 1.35rem;
            width: 100%;
        }
    }
    .sub{
        position: relative;
    }
}
.img-right{
    .title{
        float:left;
        max-width: 2.265rem;
    }
    .head-img-wrapper{
        float: right;
        width:1rem;
        height:0.75rem;
        overflow: hidden;
        margin-right:0.15rem;
        .head-img{
            height:0.75rem;
        }
    }
}
.img-no{
    .head-img-wrapper{
        display: none;
    }
    .sub{
        position: relative;
        bottom: auto;
        margin-top: 0.07rem;
    }
    .summary{
        text-align: justify;
        margin: 0.07rem 0.15rem 0 0;
        color: #A5A5A5;
        font-size: 0.09rem;
    }
}
